<template>
  <div style="height: 100%" class="please_release_area">
    <div
      class="please_release_title"
      :style="{
        background:
          QJ_Select.indexOf(descIndex) !== -1
            ? 'rgba(64, 158, 255, 0.4)'
            : null,
      }"
    >
      {{ descData.LocationId }}
    </div>
    <div
      class="please_release"
      :style="{
        background:
          QJ_Select.indexOf(descIndex) !== -1
            ? 'rgba(64, 158, 255, 0.4)'
            : null,
      }"
    >
      <a-empty description="请退空！" :image="boxEmptyImg" />
    </div>
  </div>
</template>
<script>
export default {
  props: ["boxEmptyImg", "descData", "QJ_Select", "descIndex"],
  data() {
    return {};
  },
};
</script>
<style lang="scss" scoped>
.please_release_area {
  position: absolute;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  /deep/ .ant-empty-description {
    color: #ff4d4f;
    font-size: 20px;
  }
}
.please_release_title {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  // padding: 10px;
  // flex: 1;
  // padding: 16px 0;
  // overflow: hidden;
  font-size: 20px;
  height: 20%;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}
.please_release {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 80%;
}
.please_release_active {
  background: #722ed1;
}
</style>